<template>
	<view class="information-container">
		<u-navbar :title="navtitle"> </u-navbar>
		<getdatascrollview ref="getdatascrollview" :api="api" :seardata="querydata">
			<template #default="{ list }">

				<view class="z-card rmzxlist">
					<!-- <view class="title u-flex-y-center"> 企业资讯 </view> -->
					<zxitem v-for="(item, key) in list" :key="key" :item="item"></zxitem>
				</view>
			</template>
		</getdatascrollview>


	</view>
</template>

<script>
	// marketType
	import logo from "@/static/logo.png";
	import zxitem from "./components/zxitem.vue";
	import {
		getBasePage
	} from "@/api/index.js";
	console.log(getBasePage, "getBasePage");
	export default {
		components: {
			zxitem,
		},
		data() {
			return {
				navtitle: "公司直属基地",
				api: getBasePage,
				logo,
				bgColor: "#39C03E",
				querydata: {
					marketType: ""
				},
			};
		},
		onShareAppMessage: function() {
			let data = {
				url: "/pages/basePage/basePage",
				query: this.query,
				type: "share",
			}
			return {
				title: this.navtitle, // 动态标题
				path: "/pages/index/index?type=share&data=" + JSON.stringify(data), // 动态路径
				// imageUrl: this.swiperlist.length == 0 ? '' : this.swiperlist[0],
			};
		},
		// 右上角转发到朋友圈
		onShareTimeline() {
			return {
				title: this.navtitle, // 动态标题
				query: {},
				// imageUrl: this.swiperlist.length == 0 ? '' : this.swiperlist[0],
			};
		},
		methods: {
			list1tap(item) {
				// this.querydata.marketType==item.marketType?'':
				this.querydata.marketType = item.marketType;
				this.$refs.getdatascrollview.onRefresh();
			}
		},
	};
</script>

<style lang="scss" scoped>
	.information-container {
		.list1-box {
			display: flex;
			flex-wrap: wrap;
			padding: 20rpx;
			justify-content: space-between;

			// 710 - 690 3
			.list1-item {
				height: 120rpx;
				width: 345rpx;
				background: #53c21d;
				// background: linear-gradient(to right, #39C03E 0%, #fff 100%);
				display: flex;
				margin-bottom: 20rpx;
				border-radius: 10rpx;
				align-items: center;

				// justify-content: center;
				.list1-item-icon {
					width: 100rpx;
				}

				.list1-item-text {
					display: flex;
					flex-direction: column;

					.list1-item-text-tetx1 {
						font-size: 28rpx;
						color: #fff;
						line-height: 50rpx;
					}

					.list1-item-text-tetx2 {
						font-size: 24rpx;
						color: rgba(255, 255, 255, 0.7);
					}
				}
			}
		}

		.rmzxlist {
			margin: 20rpx;
			//   margin-top: 0;

			.title {
				font-size: 28rpx;
				color: #333;
				font-weight: 600;
				height: 80rpx;
				padding-left: 20rpx;

				&::before {
					content: "";
					display: inline-block;
					width: 4rpx;
					height: 24rpx;
					background: #39c03e;
					margin-right: 10rpx;
				}
			}
		}
	}
</style>